<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh" xml:lang="zh" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Task Descriptor: 制作用户界面原型</title>
<meta name="uma.type" content="TaskDescriptor">
<meta name="uma.name" content="prototype_user_interface">
<meta name="uma.presentationName" content="制作用户界面原型">
<meta name="uma.guid" content="_kI43MEocEdqrjq4i3fchvA">
<meta name="element_type" content="TaskDescriptor">
<meta name="filetype" content="description">
<meta name="role" content="">
<link rel="StyleSheet" href="./../../css/default.css" type="text/css">
<script src="./../../scripts/ContentPageResource.js" type="text/javascript" language="JavaScript"></script><script src="./../../scripts/ContentPageSection.js" type="text/javascript" language="JavaScript"></script><script src="./../../scripts/ContentPageSubSection.js" type="text/javascript" language="JavaScript"></script><script src="./../../scripts/ActivityTreeTable.js" type="text/javascript" language="JavaScript"></script><script src="./../../scripts/ProcessElementPage.js" type="text/javascript" language="JavaScript"></script><script src="./../../scripts/ContentPageToolbar.js" type="text/javascript" language="JavaScript"></script><script src="./../../scripts/contentPage.js" type="text/javascript" language="JavaScript"></script><script src="./../../scripts/processElementData.js" type="text/javascript" language="JavaScript"></script><script type="text/javascript" language="JavaScript">
					var defaultQueryStr = '?proc={002674F9-6511-4D15-8623-B761D8C48986}&path={002674F9-6511-4D15-8623-B761D8C48986},{DAFB461E-9ADB-4849-8285-B7E3E72BDB43},_kI43MEocEdqrjq4i3fchvA';
					var backPath = './../../';
					var imgPath = './../../images/';
					var nodeInfo=null;
					contentPage.preload(imgPath, backPath, nodeInfo, defaultQueryStr, true, true, false);
				</script>
</head>
<body>
<div id="breadcrumbs"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<div id="page-guid" value="_kI43MEocEdqrjq4i3fchvA"></div>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="pageTitle" nowrap="true">Task Descriptor: 制作用户界面原型</td><td width="100%">
<div align="right" id="contentPageToolbar"></div>
</td><td width="100%" class="expandCollapseLink" align="right"><a name="mainIndex" href="./../../index.htm"></a><script language="JavaScript" type="text/javascript" src="./../../scripts/treebrowser.js"></script></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="pageTitleSeparator"><img src="./../../images/shim.gif" alt="" title="" height="1"></td>
</tr>
</table>
<div class="overview">
<table width="97%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50"><img src="./../../images/taskdes_lg_dgm32.gif" alt="" title=""></td><td>
<table class="overviewTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">此任务说明了如何开发 GUI 原型和获取可用性反馈。</td>
</tr>
<tr>
<td>Based on Method Task: <a href="./../../rup/tasks/prototype_user_interface_C495CB55.html" guid="{76F14467-3F63-4B22-B672-6EA69D0E6C46}">制作用户界面原型</a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="sectionHeading">Relationships</div>
<div class="sectionContent">
<table class="sectionTable" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<th class="sectionTableHeading" scope="row">Roles</th><td class="sectionTableCell" width="30%"><span class="sectionTableCellHeading">Main:
								</span>
<ul>
<li>
<a href="./../../rup/capabilitypatterns/rup_user_interface_designer_3979A5D2.html" guid="_CQvlYRi2Edq_uI8xTPML6g">用户界面设计员</a>
</li>
</ul>
</td><td class="sectionTableCell" width="30%"><span class="sectionTableCellHeading">Additional:
								</span></td><td class="sectionTableCell"><span class="sectionTableCellHeading">Assisting:
								</span></td>
</tr>
<tr valign="top">
<th class="sectionTableHeading" scope="row">Inputs</th><td class="sectionTableCell" width="30%"><span class="sectionTableCellHeading">Mandatory:
								</span>
<ul>
<li>
<a href="./../../rup/capabilitypatterns/rup_navmap_BFB94A31.html" guid="_CQjYIhi2Edq_uI8xTPML6g">导航图</a>
</li>
</ul>
</td><td class="sectionTableCell" width="30%"><span class="sectionTableCellHeading">Optional:
								</span>
<ul>
<li>
<a href="./../../rup/capabilitypatterns/rup_supplementary_specification_E63F1499.html" guid="_CQXK5xi2Edq_uI8xTPML6g">补充规范</a>
</li>
<li>
<a href="./../../rup/capabilitypatterns/rup_actor_ECA49C07.html" guid="_CQvlZhi2Edq_uI8xTPML6g">参与者</a>
</li>
<li>
<a href="./../../rup/capabilitypatterns/rup_storyboard_FE0B87F1.html" guid="_CQvlZRi2Edq_uI8xTPML6g">故事板</a>
</li>
<li>
<a href="./../../rup/capabilitypatterns/rup_project_specific_guidelines_DBA13489.html" guid="_CQXK5hi2Edq_uI8xTPML6g">特定于项目的指南</a>
</li>
<li>
<a href="./../../rup/capabilitypatterns/rup_usecase_23B78709.html" guid="_CQpewhi2Edq_uI8xTPML6g">用例</a>
</li>
</ul>
</td><td class="sectionTableCell"><span class="sectionTableCellHeading">External:
								</span>
<ul>
<li>None</li>
</ul>
</td>
</tr>
<tr valign="top">
<th class="sectionTableHeading" scope="row">Outputs</th><td class="sectionTableCell" colspan="3">
<ul>
<li>
<a href="./../../rup/capabilitypatterns/rup_user_interface_prototype_8B14382A.html" guid="_CQjYJBi2Edq_uI8xTPML6g">用户界面原型</a>
</li>
</ul>
</td>
</tr>
</table>
</div>
<div class="sectionHeading">Steps</div>
<div class="sectionContent">
<table class="sectionTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="sectionTableCell">
<div class="stepHeading"> 设计用户界面原型</div>
<div class="stepContent">
<table class="stepTable" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td><a id="Design the User-Interface Prototype" name="Design the User-Interface Prototype"></a>
<p>
    <a class="elementLink" href="./../../rup/workproducts/rup_user_interface_prototype_7237E5AA.html" guid="{3DF10D00-8C80-4429-92B8-C6A221F0F90C}">用户界面原型</a>设计本身就是用户界面的设计。区别仅在于该设计的详细程度和严格程度。在制作用户界面设计的原型之前，通常不执行“完整”的用户界面设计。事实上，将详细的用户界面设计推迟到构建并评审了<a class="elementLinkWithUserText" href="./../../rup/workproducts/rup_user_interface_prototype_7237E5AA.html" guid="{3DF10D00-8C80-4429-92B8-C6A221F0F90C}">原型</a>的数个迭代之后进行，这常常比较适当。关于用户界面设计的更多信息，请参阅<a class="elementLinkWithType" href="./../../rup/tasks/design_user_interface_DAABE09F.html" guid="{7414C358-6188-4E5C-8C35-F9D4DF3E0123}">Task: 设计用户界面</a>。
</p></td>
</tr>
</table>
</div>
<div class="stepHeading"> 实现用户界面原型</div>
<div class="stepContent">
<table class="stepTable" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td><a id="Implement the User-Interface Prototype" name="Implement the User-Interface Prototype"></a>
<p>
    一旦需要将用户界面设计展示给除用户界面设计员之外的其他人，就应创建<a class="elementLink" href="./../../rup/workproducts/rup_user_interface_prototype_7237E5AA.html" guid="{3DF10D00-8C80-4429-92B8-C6A221F0F90C}">用户界面原型</a>。该原型应与主窗口和辅助窗口的外观及行为比较接近。通过这些初始的用户界面原型，您就开始建立系统用户界面的思维模型。
</p>
<p>
    注意，不应注重于完成可执行原型的良好源代码结构和模块化；相反，应注重于创建一次性原型，该原型对用户界面的重要方面进行可视化并提供它的一些重要用户操作／行为。另外，当设计原型并将它展示给其他人时，该原型很可能会几次更改，这些更改常常会制作成廉价的补丁。结果，原型的源代码通常价值很有限，并且在将要实现真实用户界面时不会“演进”。
</p>
<p>
    一般而言，实现原型比实现真实用户界面更加便宜。以下是用户界面的原型和真实实现之间的一些差异：
</p>
<ul>
    <li>
        原型不需要支持所有需求场景（例如，用例）。相反，原型仅支持少量场景和对其排定优先次序。在随后的迭代中，可能扩展该原型，逐渐扩大场景覆盖范围和加强架构执行。
    </li>
    <li>
        主窗口通常是要实现的最复杂组件；如果您制作的高级用户界面真正利用了可视化潜能，则可能难以找到现成的组件。您通常可以使用原始组件（例如按钮、切换按钮或选项按钮）来近似模拟用户界面对于某一组数据的样子，而不是实现新组件。如果可能，使用几个原型显示多组数据，以包括平均值和对象容量。
    </li>
    <li>
        模拟或忽略窗口上对于实现很重要的所有用户操作。
    </li>
    <li>
        模拟或忽略系统的内部构成，例如业务逻辑、辅助存储器、多进程以及与其他系统的交互。
    </li>
</ul></td>
</tr>
</table>
</div>
<div class="stepHeading"> 获得关于用户界面原型的反馈</div>
<div class="stepContent">
<table class="stepTable" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td><a id="Get Feedback on the User-Interface Prototype" name="Get Feedback on the User-Interface Prototype"></a>
<p>
    制作用户界面原型时，与系统的用户及潜在用户紧密合作是很重要的。可使用此方法确定系统的可用性，有助于发现先前未发现的任何需求，并进一步优化需求定义。&nbsp;
</p>
<p>
    可通过关注评审和测试，获得关于用户界面原型的反馈。有关可用性测试的信息，请参阅<a class="elementLinkWithType" href="./../../rup/guidances/concepts/usability_testing_EA14CC80.html" guid="2.3731649174885136E-305">Concept: 可用性测试</a>。
</p><br />
<br /></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<div class="sectionHeading">Properties</div>
<div class="sectionContent">
<table class="sectionTable" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<th class="sectionTableHeading" scope="row" id="property_Multiple Occurrences" abbr="Multiple Occurrences">Multiple Occurrences</th><td class="sectionTableCell" align="left" headers="property_Multiple Occurrences"><img width="20" height="15" alt="" title="" src="./../../images/indent.gif"></td>
</tr>
<tr valign="top">
<th class="sectionTableHeading" scope="row" id="property_Event Driven" abbr="Event Driven">Event Driven</th><td class="sectionTableCell" align="left" headers="property_Event Driven"><img width="20" height="15" alt="" title="" src="./../../images/indent.gif"></td>
</tr>
<tr valign="top">
<th class="sectionTableHeading" scope="row" id="property_Ongoing" abbr="Ongoing">Ongoing</th><td class="sectionTableCell" align="left" headers="property_Ongoing"><img width="20" height="15" alt="" title="" src="./../../images/indent.gif"></td>
</tr>
<tr valign="top">
<th class="sectionTableHeading" scope="row" id="property_Optional" abbr="Optional">Optional</th><td class="sectionTableCell" align="left" headers="property_Optional"><img width="20" height="15" alt="" title="" src="./../../images/indent.gif"></td>
</tr>
<tr valign="top">
<th class="sectionTableHeading" scope="row" id="property_Planned" abbr="Planned">Planned</th><td class="sectionTableCell" align="left" headers="property_Planned"><img width="20" height="15" alt="" title="" src="./../../images/indent.gif"></td>
</tr>
<tr valign="top">
<th class="sectionTableHeading" scope="row" id="property_Repeatable" abbr="Repeatable">Repeatable</th><td class="sectionTableCell" align="left" headers="property_Repeatable"><img width="20" height="15" alt="" title="" src="./../../images/indent.gif"></td>
</tr>
</table>
</div>
<table class="copyright" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="copyright">Copyright &copy; 2008 版权所有 东软集团股份有限公司&nbsp; 联系邮箱:<a href="mailto:tcoe@neusoft.com">tcoe@neusoft.com</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
<script language="JavaScript" type="text/javascript">
					contentPage.onload();
					contentPage.processPage.fixDescriptorLinks();
				</script>
</html>
